<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>可视化项目</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 左侧表格项 -->
    <div class="left">
        <!-- 姓名栏 -->
        <div class="top">
            姓名
            <input type="text" placeholder="请输入名字" class="uname">
            评分
            <input type="number" placeholder="请输入评分" class="score">
            薪资
            <input type="number" placeholder="请输入薪资" class="salary">
            <button>提交</button>
        </div>

        <table>
            <thead>
                <tr>
                    <th>姓名</th>
                    <th>评分</th>
                    <th>薪资</th>
                </tr>
            </thead>
            <tbody>
                <!-- <tr>
                <td>11</td>
                <td>122</td>
                <td>343</td>
            </tr>
            <tr>
                <td>11</td>
                <td>122</td>
                <td>343</td>
            </tr>
            <tr>
                <td>11</td>
                <td>122</td>
                <td>343</td>
            </tr> -->
            </tbody>
        </table>

    </div>
    <!-- 右侧图表项 -->
    <div class="right">
        <div class="line">评分</div>
        <div class="zx">薪资</div>
    </div>

    <script src="./js/echarts.min.js"></script>
    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/index.js"></script>


</body>

</html>